大多數緩慢的網站都是類似的缺陷的結果。例如,未能正確優化圖像會導致高 CLS 時序。然而,鑒于需要關注的領域數量眾多,不可能全面涵蓋這些領域。
一些常見問題和解決方案包括:
減少未使用的 JavaScript
動態網站(比如那些在WordPress上運行的網站)經常會遇到這個問題。你可以通過使用一個好的緩存插件來減少 JavaScript 冗余來解決這個問題。
減少第三方代碼的影響
今天的許多網站都是模塊化的,并使用來自不同開發人員的組件(例如,Google、Facebook、Fonts 等)。這種組合通常會導致缺乏影響性能的凝聚力。簡化您的網站并盡可能少地使用不同的代碼源。
減少初始服務器響應時間
從本質上講,谷歌是在告訴你你的網絡服務器很糟糕。低于標準的網絡托管通常會導致速度不佳,除了轉移到另一個托管服務提供商之外,您幾乎無能為力。
圖像元素沒有明確的寬度和高度
許多網站所有者犯了簡單地上傳圖片而沒有進一步修改的錯誤。上傳圖片時,請指定參數以避免混淆網絡瀏覽器并導致加載時間延遲。
以下一代格式提供圖像
對于圖像,不僅尺寸很重要,圖像格式也很重要。像 WebP 這樣的下一代格式增加了壓縮率,使圖像在網絡上的下載速度更快。
使用高效的緩存策略服務靜態資產
當訪問者加載您的網站時,一些內容會被下載并保存在他們的瀏覽器中。此過程有助于提高重復訪問的性能。設置緩存策略可以讓瀏覽器知道在重復請求之前他們應該保留這些圖像多長時間。
避免過大的 DOM 大小
DOM 是指您的網頁的大小。收到過多的 DOM 警告意味著您需要考慮精簡頁面。您可以通過多種方式做到這一點,例如減少頁面上的圖像數量或使用更少的部分。
避免大的布局變化
動態網站即時生成頁面部分。當頁面上有許多這些可調整大小的元素時,布局會經常發生變化,從而導致糟糕的用戶體驗。在可能的情況下,正確定義頁面元素。可能性是無止境。在嘗試一一解決這些問題之前,我建議您考慮徹底優化您的網站。網站所有者需要實施許多普遍接受的性能增強。
關于網站速度測試的最終想法
網站速度測試是獲取網站性能快照的好方法。這些工具易于使用,通常提供相對準確的數據。當然,許多優秀的網站速度測試工具都是免費的,這也有幫助。
然而,重要的是要記住,上述陳述中的關鍵詞是“快照”。網站速度測試是靜態的,對您的網站的微小更改可能會顯著改變結果。因此,最好安排定期對您的網站進行性能評估,并盡快糾正新發現的問題。測速網:http://www.qzkangyuan.com/speedtest/